<template>
	<view class="uni-list">
		<checkbox-group @change="checkboxChange">
			<label class="uni-list-cell uni-list-cell-pd" v-for="item in checkData" :key="item.value">
				<view>
					<checkbox class="mycheckBox" :value="item.value" :checked="item.checked" />
					{{ item.name }}
				</view>
			</label>
		</checkbox-group>
	</view>
</template>

<script>
	export default {
		props: {

			// 数据源
			checkData: {
				type: Array,
				default () {

					return [];
				}
			}

		},
		data() {
			return {

			}
		},
		methods: {

			checkboxChange(e) {


				this.$emit("change", e);

			},
		}

	}
</script>

<style>
	.uni-list-cell {
		justify-content: flex-start;
		width: 100%;

	}

	.mycheckBox {
		margin-left: 24px;
		margin-right: 10px;
		margin-top: 50rpx;
	}
</style>